<div class="index-content">
    <section class="content-header">
        <h4>历史作业执行轨迹 </h4>
        <ol class="breadcrumb">
            <li class="active"><i class="fa fa-history"></i> 作业历史</li>
            <li class="active">历史轨迹</li>
        </ol>
    </section>
    <section class="content">
        <div id="jobExecDetailToolbar">
            <div class="form-inline" role="form">
                <div class="form-group toolbar">
                    <label for="job-name">作业名称:</label>
                    <input type="text" class="form-control" id="job-name" placeholder="">
                </div>
                <div class="form-group toolbar">
                    <label for="ip">主机IP:</label>
                    <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask="" id="ip">
                </div>
                <br/>
                <div class="form-group toolbar">
                    <label>执行时间:</label>
                    <input type="text" class="form-control pull-right custom-datepicker" id="start-time">
                </div>
                <div class="form-group toolbar">
                    <label>至</label>
                    <input type="text" class="form-control pull-right custom-datepicker" id="end-time">
                </div>
                <div class="form-group toolbar">
                    <label>是否成功:</label>
                    <input type="radio" name="isSuccess" value="1">是
                    <input type="radio" name="isSuccess" value="0">否
                    <input type="radio" name="isSuccess" value="" checked="checked">全部
                </div>
            </div>
        </div>
        <table id="job-exec-details-table"
            data-show-refresh="true"
            data-show-toggle="true"
            data-striped="true"
            data-toggle="table"
            data-url="/api/event-trace/execution"
            data-flat="true"
            data-click-to-select="true"
            data-row-style="rowStyle"
            data-query-params="queryParams"
            data-query-params-type="notLimit"
            data-side-pagination="server"
            data-pagination="true"
            data-page-list="[10, 20, 50, 100]"
            data-show-columns="true"
            data-toolbar="#jobExecDetailToolbar">
            <thead>
                <tr>
                    <th data-field="jobName" data-sortable="true">作业名称</th>
                    <th data-field="ip" data-sortable="true">宿主机IP</th>
                    <th data-field="shardingItem">分片</th>
                    <th data-field="success" data-sortable="true" data-formatter="successFormatter">是否成功</th>
                    <th data-field="failureCause.plainText" data-formatter="splitFormatter">失败原因</th>
                    <th data-field="startTime" data-sortable="true" data-formatter="dateTimeFormatter">执行开始时间</th>
                    <th data-field="completeTime" data-sortable="true" data-formatter="dateTimeFormatter">执行结束时间</th>
                </tr>
            </thead>
        </table>
    </section>
</div>
<script src="lib/bootstrap-table/bootstrap-table.min.js"></script>
<script src="lib/bootstrap-table/bootstrap-table-zh-CN.js"></script>
<script src="lib/daterangepicker/moment.min.js"></script>
<script src="lib/daterangepicker/daterangepicker.js"></script>
<script src="lib/input-mask/jquery.inputmask.js"></script>
<script src="lib/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="lib/input-mask/jquery.inputmask.extensions.js"></script>
<script src="js/util/formatter.js"></script>
<script src="js/history/job_event_trace_history.js"></script>
